<header>
    <a id="menu-toggle" href="#"><i class="fa fa-bars"></i></a>
    <a id="sidebar-toggle" href="#">{{{user.avatar}}}</a>
</header>

{{#user.setup}}
<form id="search-form">
    <div class="form-group">
        <input id="{{form.search.id}}" placeholder="{{form.search.placeholder}}" />
        <button type="submit" class="{{form.search.css}}"></button>
    </div>
</form>
{{/user.setup}}

<nav id="navigation">
    {{#user.setup}}
        {{#navigation}}
            <a id="{{id}}" class="nav-links {{css}}" href="{{href}}">{{text}}</a>
        {{/navigation}}
    {{/user.setup}}
    {{^user.setup}}
        {{#setup.steps}}
            <a id="{{id}}" class="nav-links {{css}}" href="{{href}}">{{text}}</a>
        {{/setup.steps}}
    {{/user.setup}}
</nav>

<div id="sidebar">
    {{#user.setup}}
    
        <div class="sidebar-wrapper">
            <a class="btn-page" href="#settings">{{{user.avatar}}}</a>
            <a class="btn-page"><h3 id="user-name">{{user.name}}</h3></a>
            <h4 id="last">{{user.last}}</h4>
            <div class="actions">
                {{#sidebar.actions}}
                    <a 
                        id="{{id}}" 
                        class="{{css}}" 
                        href="{{href}}"
                        {{#data}}
                            data-{{key}}="{{value}}"
                        {{/data}}
                    >
                        {{text}}
                    </a>
                {{/sidebar.actions}}
            </div>
            <div id="sidebar-panel">
                <h4 class="panel-title">{{copy.sidebar.balances}}</h4>
                <ul id="sidebar-list">
                    {{#sidebar.accounts}}
                        <li>{{blockchain}} (<span>{{count}}</span>) <span class="values">{{balance}}</span></li>
                    {{/sidebar.accounts}}
                </ul>
            </div>
        </div>
        
    {{/user.setup}}
    {{^user.setup}}
        
        <img class="avatar" src="{{setup.avatar}}" />
        <h3 id="user-name">{{setup.name}}</h3>
        <h4 id="last">{{setup.info}}</h4>
        <div class="actions">
            <a href="https://github.com/blockstrap/docs/tree/master/en/applications/wallet/installation" class="btn btn-primary btn-sm" target="_blank">{{copy.print_guide}}</a>
            <a href="https://github.com/blockstrap/framework/tree/master/docs/en/" class="btn btn-default btn-sm" target="_blank">{{copy.support_forums}}</a>
        </div>
        
        <!--
        {{{setup.progress}}}
        -->
    
        <div id="sidebar-panel">
            <h4 class="panel-title">{{setup.help.title}}</h4>
            {{{setup.help.body}}}
        </div>
    
    {{/user.setup}}
    <footer>{{{footer}}}</footer>
</div>

{{#user.setup}}

    <div id="main-content" class="row-fluid">
        {{#dashboard.panels}}
            <div class="panel-wrapper {{css}}">
                <div id="{{id}}" class="panel panel-default">
                    {{#header}}<div class="panel-heading">{{{header}}}</div>{{/header}}
                    {{#body}}<div class="panel-body padless">{{{body}}}</div>{{/body}}
                </div>
            </div>
        {{/dashboard.panels}}
    </div>

    <nav id="mobile-footer">
        {{#mobile.footer}}
        <a href="{{href}}" class="{{css}}" id="{{id}}"><i class="{{icon}}"></i><span class="text">{{text}}</span></a>
        {{/mobile.footer}}
    </nav>

{{/user.setup}}
{{^user.setup}}
    
    <div id="main-content" class="row-fluid">
        
        {{#setup.panels}}
            <div class="panel-wrapper {{css}}">
                <div id="{{id}}" class="panel panel-default">
                    {{#header}}<div class="panel-heading">{{{header}}}</div>{{/header}}
                    {{#body}}<div class="panel-body padless">{{{body}}}</div>{{/body}}
                </div>
            </div>
        {{/setup.panels}}
        
        <div class="actions col-md-12">
            {{#setup.actions}}
                <a 
                    id="{{id}}" 
                    class="{{css}}" 
                    href="{{href}}"
                    {{#attributes}}
                        {{key}}="{{value}}"
                    {{/attributes}}
                >
                    {{text}}
                </a>
            {{/setup.actions}}
        </div>
        
    </div>

{{/user.setup}}

{{{modals}}}